<!--********************************************************************
* Copyright© 2000 - 2025 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title data-i18n="resources.title_examplesMBGL"></title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <script
      type="text/javascript"
      include="jquery,bootstrap,template,admin-lte,jquery.scrollto,i18n,lazyload,theme"
      src="../js/include-web.js"
    ></script>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/header.css" />
    <link rel="stylesheet" href="../css/sideBar.css" />
    <link rel="stylesheet" href="../css/examples.css" />
    <script type="text/javascript" src="../js/utils.js"></script>
    <style>
      /* 删除头部和侧边栏 */
      header {
        display: none;
      }
      aside {
        display: none;
      }
      .content-wrapper {
        margin: 0px;
      }
      .examples-container {
        margin-top: 0px;
      }
      #charts-list {
        padding: 5px;
      }
      .category,
      .box.box-default,
      .box-body {
        padding: 0;
      }
      .box-header {
        padding: 2px;
      }
      .col-xs-6 {
        padding: 0 5px 2px;
      }
      .category-title {
        font-size: 18px;
      }
      .box-header > .fa,
      .box-header > .glyphicon,
      .box-header > .ion,
      .box-header .box-title {
        font-size: 15px;
        margin-left: -15px;
      }
    </style>
  </head>
  <body class="hold-transition skin-blue sidebar-mini" data-spy="scroll" data-target="#scrollSpy">
    <!-- ./wrapper -->
    <div class="wrapper"></div>
    <script>
      $('.wrapper').load('../template/example.html', function() {
        var navigation = {
          nav: {
            title: '2025',
            path: '../../web/',
            isLocal: window.isLocal
          }
        };
        utils.loadTemplate('.icl-header', '../template/header.html', navigation);

        $body = $('body');
        $body.append("<script type='text/javascript' src='./config.js'><\/script>");
        $body.append("<script type='text/javascript' src='../js/localization.js'><\/script>");
        $body.append("<script type='text/javascript' src='../js/common.js'><\/script>");
        $body.append("<script type='text/javascript' src='../js/sidebar.js'><\/script>");
        $body.append("<script type='text/javascript' src='../js/example.js'><\/script>");
        $body.append("<script type='text/javascript' src='../js/wechat.js'><\/script>");
      });
    </script>
    <!-- ./wrapper end-->
  </body>
</html>
